<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!-- Bottom -->
	<div class="_panel _row hui clear " style="margin: 0px;border-width: 1px 0px;">
		<%-- <canvas id="cas" style="position:absolute;z-index:-1;background-color: white;"></canvas>
		<script type="text/javascript" src="${ctx}/resource/js/bgShow.js"></script>
	 --%>
		<div class="PW TAL _MT10" >
			<div class="_row">
				© 开源中国(OSChina.NET) | 关于我们 | 广告联系 | @新浪微博 | 开源中国手机版 | 粤ICP备12009483号-3	开源中国手机客户端：AndroidiPhoneWP7
			</div>
			<div class="_row">
			开源中国社区(OSChina.net)是工信部 开源软件推进联盟 指定的官方社区
			当前在线人数：${OnLine}
			</div>
		</div>
	</div>
	<!-- ==================================================================================== -->
	<!-- 右侧快捷栏 -->
	<ul class="fixDiv">
		<li class="weixin"></li>  
		<li class="toTop" style="display: none;"></li>
	</ul>
	
	<!-- 弹出框-start -->
	<div id="alertModel" class="hide">
		<div class="_model _black"></div>
		<div class="_panel _white" style="position: absolute; min-width: 200px !important; z-index: 101;box-shadow:0px 2px 5px #DCDCDC;border-radius:5px;overflow: hidden;  ">
			<form id="Dialog_form clear" method="post">
				<img class="closeAlert _M10 curP hoverShow" alt="" src="${ctx}/resource/img/close2.png" style="width:20px;height:20px;position: absolute;right: 0px;" tipsH="关闭" >
				<div class=" moveDialog _PL10 _PR10 clear _LH40 bb1" style="cursor: move;margin-top: -1px;">
					<p class="_LH40 bold ">ShowAlert</p>
				</div>
				<div class="dialogMsg  bb1" >
					<!-- MSG -->
						
					<!-- MSG -->
				</div>
				<div class=" dialogFooter  TAR _PR10 _PL10" style="margin-bottom: -1px; "   >
					<button type="button" class="btnCannel closeAlert _MT10 _MB10">Cannel</button>
					<button type="button" class="btnOk _green _MT10 _MB10">OK do it</button>
				</div>
			</form>
		</div>
	</div>
	<!-- 提示框-->
	<div class="alertMsg">提示信息</div>
	<!-- 加载框 -->
	<div class="hide">
		<div class="alertLoad"></div>
		<div class="_model _black"></div>
	</div>
</body>
<style type="text/css">
.fixDiv {position: fixed;right: 20px;bottom: 40px;height: auto;display: block;width: 40px;list-style: none;}
.fixDiv li {height: 40px;display: block;margin: 1px;cursor: pointer;}
.toTop {background: url("${ctx}/resource/img/side-icon02.png") no-repeat center;background-color: #02A2AA;}
.toTop:hover {background-color: #444444;}
.weixin {background: url("${ctx}/resource/img/side-icon01.png") no-repeat center;background-color: #DADBDD;}
</style> 
<script type="text/javascript">
	$(function(){
		//showMsg("我是提示信息","error");
		$tabInit("body","active");
		$('.niceScroll').niceScroll({ 
		    cursorcolor: "#ccc",//#CC0071 光标颜色 
		    cursoropacitymax: 1, //改变不透明度非常光标处于活动状态（scrollabar“可见”状态），范围从1到0 
		    touchbehavior: false, //使光标拖动滚动像在台式电脑触摸设备 
		    cursorwidth: "3px", //像素光标的宽度 
		    cursorborder: "0", //     游标边框css定义 
		    cursorborderradius: "3px",//以像素为光标边界半径 
		});
		
		//=======================================
		$(".toTop").click(function() {
			$("html, body").animate({
				scrollTop : 0
			}, 500);
		});
		var $toTop = $(".toTop");
		$(window).bind("scroll", function() {
			var d = $(document).scrollTop(), e = $(window).height();
			0 < d ? $toTop.fadeIn() : $toTop.fadeOut();
		});
	});
	
	/* 单独初始化 tab */
	function $tabInit(obj,clas){
		$(obj+" .tab[target=auto] *[for^=tab]").unbind("click").bind("click",function(){
			$(this).siblings().removeClass(clas);
			$(this).addClass(clas);
			var curLi=$(this).attr("for");
			$(obj+" *[tab^='"+curLi.substring(0,curLi.length-1)+"']").hide();
			$(obj+" *[tab='"+curLi+"']").show();
		});
	}
	
</script>
</html>
